<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" href="css/login.css" type="text/css" media="all"> 
    
	<title>GESTOR DE INCIDENCIAS</title>
	<script>
	
		function comprobarUsuario(){
			
			var usuario=document.getElementById("nick");
			var pwd=document.getElementById("pwd");
			
			var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {

                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {

					if(xmlhttp.responseText=="admin" ){
							location.href="hasiera.php";	
						}
					if(xmlhttp.responseText=="Nombre de usuario o contraseña incorrecta"){
						document.getElementById("mensaje").innerHTML=xmlhttp.responseText;
					}
					if(xmlhttp.responseText=="Debe introducir usuario y contraseña"){
						document.getElementById("mensaje").innerHTML=xmlhttp.responseText;
					}
					if(xmlhttp.responseText=="ir" ){
							location.href="hasiera_prof.php";
	 				}
				 }
				            	
			   }
         
            xmlhttp.open("GET","php/comprobarusuario.php?usuario="+usuario.value+"&pwd="+pwd.value,true);
            xmlhttp.send();
			}
	</script>
	<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
	
<script>
function mostrarmensaje(){
	var div = document.getElementById("men_ayuda");
	div.className="visible";
}
</script>	
	
<script>
function ocultarmensaje(){
	var div = document.getElementById("men_ayuda");
	div.className="oculto";
}
</script>

<script>
function pulsar(e,valor){
	tecla=(document.all) ? e.keyCode : e.which;
	if(tecla==13){
		comprobarUsuario();	
	}
}
</script>	
</head>
<body>
<?php 
	session_start();
	if(isset($_SESSION['usuario'])) {
	 
	session_destroy();
	} 
?>
<div id="bbb" >	
<center>
		<div id="aaa">
			<img src="img/cabecera.jpg" width="1000" height="130" alt="Gestor de incidencias"> 
		</div>
</center>
</div>
        
<div id="for">
	<div id="tit_ayuda">
		<div id="t">LOGIN</div>
		<div id="ayuda"><input type="image" src="img/ayuda.png" id="icono_ayuda" onMouseOver="mostrarmensaje()" onMouseOut="ocultarmensaje()" /></div>
		<br>
        <div id="mens">
			<div id="men_ayuda" class="oculto"><span>Inserta tu usuario y contraseña de la red</span></div>
		</div>
	</div>
<div id="formu">
	<form id="form1">
	<table>
		<tr><td>USUARIO: </td><td><input type="text" id="nick" ><br /></td></tr>
		<tr><td>CONTRASEÑA: </td><td><input type="password" onKeyPress="pulsar(event,boton)" id="pwd" ><br /></td></tr>
		<tr><td></td><td>
		<input type="button" id="boton" value="Entrar" onClick="comprobarUsuario()"></td><td></td></tr>
	</table>
	</form>
	<div id="mensaje">
	</div>
</div>
</div>
		<div id="indexpie">
        	<center>
          <img src="img/pie.jpg" width="1000" height="85" alt="Gestor de incidencias"> 
         	</center>
        </div>
          <div id="indextexto">
          		<h5>© IES Zubiri-Manteo BHI <br />
  				Mikel Garcia | Asier Furones | Mikel Santesteban | <a href="mailto:webg32@gmail.com">webg32@gmail.com</a>
         	   </h5>
    	  </div>

</body>
</html>